<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css"/>
		<link rel="stylesheet" href="../css/iconfont.css" />
	</head>
        <style type="text/css">
        	.img-div{width:40%;height: auto;margin:auto;text-align: center;margin-top: 30px;}
        	.img-div>img{width:100%;display: block;}
        	.langz{margin-top: 20px;display: inline-block;}
        	.qq-div{color:white;width:50%;margin: auto;text-align: center;background: #8dc21f;margin-top: 10%;border-radius:50px;height: 30px;}
            .fxqq{font-size:28px}
            .weix{margin-top: 2%;}
            #itma{width: 100%;z-index: 999999;position: absolute;top:50%;-webkit-transform: translateY(-50%);}
            #itma_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;content: '';display: block;background: rgba(0,0,0,1);display: none;}
        </style>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">分享APP</h1>
	</header> 
	<div class="mui-content" id="content">
	    <div class="img-div">
	    	<img src="../images/app.png" class="imag"/>
	    	<span class="mui-text-center langz">绥夏医生</span>
	    </div>
	    <div class="qq-div">
	    	<span class="mui-icon iconfont fxqq" style="line-height: 35px;">&#xe627;</span> 
	    	<span style="-webkit-transform: translate(0,-5px);font-size:14px;display: inline-block;">分享到QQ</span>
	    </div>
	    <div class="qq-div weix">
	    	<span class="mui-icon iconfont fxqq" style="line-height: 35px;">&#xe628;</span> 
	    	<span style="-webkit-transform: translate(0,-5px);font-size:14px;display: inline-block;">分享到微信</span>
	    </div>	
	</div>	
	<div id="itma_box">
		<img src="" id="itma"/>
	</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/jquery-2.1.4.min.js"></script>
	
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/shareapp.js" ></script>
	<script type="text/javascript">
		mui.init();
		$(".imag").mousedown(function() {
			var i = $(this).attr('src');
			$('#itma').attr('src', i);
			$('#itma_box').css('display', 'block');
		});
		$('#itma_box').click(function() {
			$(this).css('display', 'none');
		})
	</script>
</html>